<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>任务首页 - 灵伴即时</title>
    <meta name="author" content="小柒2012"/>
    <meta name="site" content="https://blog.52itstyle.com"/>
    <link rel="stylesheet" th:href="@{/iview/iview.css}">
    <script th:src="@{/libs/jquery-3.2.1.min.js}" type="text/javascript"></script>
    <script th:src="@{/libs/vue.min.js}" type="text/javascript"></script>
    <script th:src="@{/layer/layer.js}" type="text/javascript"></script>
    <script th:src="@{/iview/iview.min.js}" type="text/javascript"></script>
    <style type="text/css">
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body>
<div id="app" v-cloak style="margin: 30px">
    <template>
        <i-form v-ref:form-quartz :model="formQuartz" :rules="ruleValidate" :label-width="80">
            <Form-item label="任务名称" prop="jobName">
                <i-input v-model="formQuartz.jobName" :value.sync="formQuartz.jobName" placeholder="请输入任务名称"></i-input>
            </Form-item>
            <Form-item label="任务分组" prop="jobGroup">
                <i-input v-model="formQuartz.jobGroup" :value.sync="formQuartz.jobGroup"
                         placeholder="请输入任务分组"></i-input>
            </Form-item>
            <Form-item label="任务描述" prop="description">
                <i-input v-model="formQuartz.description" :value.sync="formQuartz.description"
                         placeholder="请输入任务描述"></i-input>
            </Form-item>
<!--            <Form-item label="执行类" prop="jobClassName">
                <i-input v-model="formQuartz.jobClassName" :value.sync="formQuartz.jobClassName"
                         placeholder="请输入执行类"></i-input>
            </Form-item>-->
            <Form-item label="执行地址" prop="jobUrl">
                <i-input v-model="formQuartz.jobUrl" :value.sync="formQuartz.jobUrl"
                         placeholder="请输入执行地址"></i-input>
            </Form-item>
            <Form-item label="执行时间" prop="cronExpression">
                <i-input v-model="formQuartz.cronExpression" :value.sync="formQuartz.cronExpression"
                         placeholder="请输入任务执行时间"></i-input>
            </Form-item>
        </i-form>
    </template>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el: '#app',
        data: {
            formQuartz: {
                jobName: '',
                jobGroup: '',
                description: '',
                jobClassName: 'com.itstyle.quartz.job.MyJob',
                jobUrl: '',
                cronExpression: '',
                //旧任务名称  用于修改
                oldJobName: '',
                oldJobGroup: ''
            },
            ruleValidate: {
                jobName: [
                    {required: true, message: '任务名称不能为空', trigger: 'blur'}
                ],
                jobGroup: [
                    {required: true, message: '任务分组不能为空', trigger: 'blur'}
                ],
                description: [
                    {required: true, message: '任务描述不能为空', trigger: 'blur'}
                ],
                /*jobClassName: [
                    { required: true, message: '执行类不能为空', trigger: 'blur' }
                ],*/
                jobUrl: [
                    {required: true, message: '执行地址不能为空', trigger: 'blur'}
                ],
                cronExpression: [
                    {required: true, message: '执行时间不能为空', trigger: 'blur'}
                ]
            }
        },
        methods: {
            //新建任务(略简单)
            acceptClick: function () {
                //Validate不起作用MD
                var quartz = vm.formQuartz;
                if (vm.formQuartz.jobName == "" || vm.formQuartz.jobGroup == "" || vm.formQuartz.description == ""
                    || vm.formQuartz.jobUrl == "" || vm.formQuartz.cronExpression == "") {
                    alert("请输入以上完整信息");
                    return;
                }
                $.ajax({
                    url: "/job/add",
                    type: "post",
                    data: quartz,
                    success: function (result) {
                        if (result.code == "0") {
                            parent.location.reload(); // 父页面刷新
                        } else {
                            vm.$Notice.error({
                                desc: result.msg
                            });
                        }
                    }
                });
            }
        },
        created: function () {

        }
    })

</script>
</body>
</html>